<!-- 管理员页面 -->
<script setup lang="ts">
const router = useRouter()

/**
 * @description 点击“签到二维码”卡片时触发
 */
function handleTapQRCodeList() {
  router.push({
    name: 'managerQRCodeClassList',
  })
}

/**
 * @description 点击“班级交流”卡片时触发
 */
function handleTapManagedClassList() {
  router.push({
    name: 'managerChatClassList',
  })
}
</script>

<template>
  <Spacer height="20" />
  <view class="relative h-150rpx flex items-center justify-between rounded-20rpx bg-white py-34rpx pl-50rpx pr-105rpx card-shadow" hover-class="bg-#F8FAFE" @tap="handleTapQRCodeList">
    <view>
      <view class="text-32rpx text-#333333 font-medium leading-44rpx">
        签到二维码
      </view>
      <Spacer height="6" />
      <view class="text-24rpx text-#666666 leading-32rpx">
        点击查看班级二维码
      </view>
    </view>
    <image class="h-70rpx w-70rpx" src="@/static/images/manager/scan_front.png" />
    <image class="absolute right-0 top-0 h-150rpx w-150rpx" src="@/static/images/manager/scan_bg.png" />
  </view>
  <Spacer height="20" />
  <view class="relative h-150rpx flex items-center justify-between rounded-20rpx bg-white py-34rpx pl-50rpx pr-105rpx card-shadow" hover-class="bg-#F8FAFE" @tap="handleTapManagedClassList">
    <view>
      <view class="text-32rpx text-#333333 font-medium leading-44rpx">
        班级交流
      </view>
      <Spacer height="6" />
      <view class="text-24rpx text-#666666 leading-32rpx">
        点击查看更多交流信息
      </view>
    </view>
    <image class="h-70rpx w-70rpx" src="@/static/images/manager/exchange_front.png" />
    <image class="absolute right-0 top-0 h-150rpx w-150rpx" src="@/static/images/manager/exchange_bg.png" />
  </view>
</template>

<route lang="yaml">
name: 'manager'
style:
  navigationBarTitleText: '管理者'
</route>
